<template>
  <div>
    <h1>Tabs 示例</h1>
    <p>选项卡切换组件</p>
    <Demo :component="Tab1Demo" />
    <h3>Attributes</h3>
    <TableDemo :tdList="tableList" />
  </div>
</template>

<script lang='ts'>
import { ref } from "vue";
import Tab1Demo from "./Tabs1.demo.vue";
import Demo from "./Demo.vue";
import TableDemo from "./TableDemo.vue";
export default {
  components: {
    Demo,
    TableDemo,
  },
  setup() {
    const tableList = ref<TableList>([
      {
        name: "selected",
        description: "指定当前选中的标签页，使用 v-model 双向绑定数据",
        type: "-",
        default: "第一个标签页",
      },
      {
        name: "title",
        description: "选项卡标题",
        type: "string",
        default: "-",
      },
    ]);
    return { Tab1Demo, tableList };
  },
};
</script>

<style lang="scss" scoped>
h1 {
  padding-bottom: 14px;
}
</style>